body {
  background-color : #FBF5A8;
  background-image: url('../img/back.png');
  
  color : black;
  font-family : "Helvetica-Neue", "Verdana";
}

/* http://0to255.com/5AADE5  */

/*********** HEAD ************/

header {
  background-color : #5AADE5;
  background-image : url('../img/sky.jpg');
  margin : 30px 0px 40px 0px;
  border: 3px solid black;
}

header h1 {
  display : none;
}

header img.title {
  margin : 10px 0px 10px 10px;
  width : 150px;
  cursor:pointer;
}

header img.logo {
  margin : 7px 0px 3px 100px;
  border : 3px solid black;
  width : 45px;
  cursor:pointer;
}

header nav {
	position : absolute;
	right : 29px;
	top : 44px;
	cursor:pointer;
}

header #settings,
header #logout {
	display:inline-block;
}

header #settings span,
header #logout span {
	visibility:hidden;
	color:black;
	font-size:0.9em;
	position : absolute;
	top:9px;
	right : 90px;
}
header #settings:hover span,
header #logout:hover span {
	visibility:visible;
}
header #settings img,
header #logout img {
	padding:6px;
}
header #settings:hover img,
header #logout:hover img {
	border: 1px solid black;
	-moz-border-radius		: 25px;
	-webkit-border-radius	: 25px;
	padding:5px;
}
/********** CONTENT **********/

.content {
  position : relative;
  margin : 0px 0px 30px 0px;
}

.content h1,
.content h2,
.content h3 {
  color : #5AADE5;
  text-shadow: black 1px 1px 1px;
  text-align: left;
}

.content .msg {
	position:absolute;
	top : -80px;
	display:inline;
  margin : 30px 0px 0px 50px;
  border : 3px solid black;
	-moz-border-radius		: 5px;
	-webkit-border-radius	: 5px;
	padding : 5px 10px 5px 10px;
  font-style  : italic;
}

.content .log_form,
.content .create_form {
  
  margin : 70px auto 50px auto;
  width : 350px;
  
  text-align: right;
}
.content .create_form {
  width : 380px;
  margin-bottom : 150px;
}
.content .log_form form,
.content .create_form form {
  position : relative;
  border : 3px solid black;
	-moz-border-radius		: 5px;
	-webkit-border-radius	: 5px;
  padding : 5px;
  
	-moz-box-shadow: 0px 0px 5px black;
	-webkit-box-shadow: 0px 0px 3px black;
  box-shadow: 0px 0px 5px black;
}
.content .log_form div,
.content .create_form div {
  margin : 10px;
}
.content .log_form .submit,
.content .log_form button,
.content .create_form .submit,
.content .create_form button {
  width : 100px;
  height : 26px;
}

.content .log_form button {
  width : 150px;
}
.content .log_form .create {
  margin-top :80px;
  margin-bottom :100px;
  text-align : center;
}

.content .loading footer

.default {
	opacity : 0.4;
	font-style:italic;
}

.content .lateral_bloc_actions {
	position:absolute;
	left : -100px;
	margin-bottom : 20px;
	
	text-align:right;
	
	opacity: 0.2;
}
.content .lateral_bloc_actions:HOVER {
	opacity: 1;
}
.content .lateral_bloc_actions .parent_folder_link {
	cursor:pointer;
	
	text-align:center;
	width : 80px;
  border : 1px solid black;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
}
.content .lateral_bloc_actions .parent_folder_link:HOVER {
  background-color : #FFD95D;
}
.content .lateral_bloc_actions .parent_folder_link span{
	display : inline-block;
  vertical-align : middle;
}

/*********** FOOT ************/

footer {
  margin-top : 50px;
  
  text-align: center;
  font-size:0.7em;
  color : gray;
}
footer img {
  border : 0px;
}